001 016 051 | First Header  | Second Header | Third Header    |
002 016 051 +---------------+---------------+-----------------+
001 032 051 | First Header  | Second Header | Third Header    |
002 032 051 +---------------+---------------+-----------------+
001 050 051 | First Header  | Second Header | Third Header    |
002 050 051 +---------------+---------------+-----------------+
003 016 051 | A cell that   | A cell that spans multiple      |
004 016 051 | spans         | columns.                        |
005 016 051 | multiple rows +---------------+-----------------+
006 016 051 |               | One, two cell | Red & blue cell |
007 016 051 +---------------+---------------+-----------------+
003 032 051 | A cell that   | A cell that spans multiple      |
003 050 051 | A cell that   | A cell that spans multiple      |
004 050 051 | spans         | columns.                        |
005 050 051 | multiple rows +---------------+-----------------+
006 032 051 |               | One, two cell | Red & blue cell |
007 032 051 +---------------+---------------+-----------------+
006 050 051 |               | One, two cell | Red & blue cell |
007 050 051 +---------------+---------------+-----------------+
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">

        <meta name="generator" content="Bootply" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="description" content="" />
        <link href="static/bootstrap/3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
        <style type="text/css">
            /*A Bootstrap 3.1 affix sidebar templatefrom http://bootply.comThis CSS code should follow the 'bootstrap.css'in your HTML file.license: MITauthor: bootply.com*/
            body { padding-top:50px;}#masthead {  min-height:250px;}#masthead h1 { font-size: 30px; line-height: 1; padding-top:20px;}#masthead .well { margin-top:8%;}@media screen and (min-width: 768px) {  #masthead h1 {    font-size: 50px;  }}.navbar-bright { background-color:#111155; color:#fff;}.affix-top,.affix{ position: static;}@media (min-width: 979px) {  #sidebar.affix-top {    position: static;        margin-top:30px;        width:228px;  }    #sidebar.affix {    position: fixed;    top:70px;    width:228px;  }}#sidebar li.active {  border:0 #eee solid;  border-right-width:5px;}
        </style>
        <title>Mytest Site</title>
        
        <link   id="linkstyle" rel="stylesheet" type="text/css" href="static/markdown/github.css">
        <link   id="pygments" rel="stylesheet" type="text/css" href="static/pygments.css">
        <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

    </head>
    <body>
        <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
        <script type='text/javascript' src="static/bootstrap/3.3.7/dist/js/bootstrap.min.js"></script>
        <script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
        <!-- JavaScript jQuery code from Bootply.com editor  -->
        <script type='text/javascript'>

        $(document).ready(function() {

            /* activate sidebar */$('#sidebar').affix({  offset: {    top: 235  }});/* activate scrollspy menu */var $body   = $(document.body);var navHeight = $('.navbar').outerHeight(true) + 10;$body.scrollspy({   target: '#leftCol',     offset: navHeight});/* smooth scrolling sections */$('a[href*=#]:not([href=#])').click(function() {    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {      var target = $(this.hash);      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');      if (target.length) {        $('html,body').animate({          scrollTop: target.offset().top - 50        }, 1000);        return false;      }    }});

        });

        </script>


        <div class="container">
                <div class="row">

                    <div class="col-sm-10" style="background-color:lavenderblush;">
                            
  <div><div class="toc">
<ul>
<li><a href="#gfm-example">GFM-Example</a><ul>
<li><a href="#index">Index</a></li>
</ul>
</li>
<li><a href="#this-is-head1">This is head1</a><ul>
<li><a href="#this-is-head-2">This is head 2</a></li>
<li><a href="#table-php-markdown-style">table (PHP-Markdown style)</a></li>
<li><a href="#code">code</a></li>
<li><a href="#autolink">autolink</a></li>
<li><a href="#strikethrough">strikethrough</a></li>
<li><a href="#task-lists">Task Lists</a></li>
<li><a href="#math-scripts">math scripts</a></li>
<li><a href="#underline">underline</a></li>
<li><a href="#highlight">highlight</a></li>
<li><a href="#lists">Lists</a></li>
</ul>
</li>
<li><a href="#image">image</a></li>
<li><a href="#grid-tables">Grid Tables</a></li>
<li><a href="#this-is-sub-file">THis is Sub file</a></li>
</ul>
</div>
<div class="markdown-body">
<h1 id="gfm-example"><a name="user-content-gfm-example" href="#gfm-example" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>GFM-Example</h1>
<p>GitHub Flavored Markdown Example</p>
<h2 id="index"><a name="user-content-index" href="#index" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>Index</h2>
<ul>
<li>source</li>
</ul>
<pre><code> This is head1
 =============

 This is head 2
 --------------
</code></pre>

<ul>
<li>result</li>
</ul>
<h1 id="this-is-head1"><a name="user-content-this-is-head1" href="#this-is-head1" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>This is head1</h1>
<h2 id="this-is-head-2"><a name="user-content-this-is-head-2" href="#this-is-head-2" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>This is head 2</h2>
<h2 id="table-php-markdown-style"><a name="user-content-table-php-markdown-style" href="#table-php-markdown-style" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>table (PHP-Markdown style)</h2>
<ul>
<li>source</li>
</ul>
<pre><code>First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell
</code></pre>

<ul>
<li>result</li>
</ul>
<table>
<thead>
<tr>
<th>First Header</th>
<th>Second Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Content Cell</td>
<td>Content Cell</td>
</tr>
<tr>
<td>Content Cell</td>
<td>Content Cell</td>
</tr>
</tbody>
</table>
<ul>
<li>source</li>
</ul>
<pre><code>| Item(left-align)|Value(right-align)|
|:---------|-----:|
| Computer|$1600|
| Phone|$12|
| Pipe|$1|
</code></pre>

<ul>
<li>result</li>
</ul>
<table>
<thead>
<tr>
<th align="left">Item(left-align)</th>
<th align="right">Value(right-align)</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left">Computer</td>
<td align="right">$1600</td>
</tr>
<tr>
<td align="left">Phone</td>
<td align="right">$12</td>
</tr>
<tr>
<td align="left">Pipe</td>
<td align="right">$1</td>
</tr>
</tbody>
</table>
<h2 id="code"><a name="user-content-code" href="#code" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>code</h2>
<ul>
<li>source</li>
</ul>
<pre><code>    ```
    this is code block
    ```
</code></pre>

<ul>
<li>result</li>
</ul>
<pre><code>this is code block
</code></pre>

<ul>
<li>source</li>
</ul>
<pre><code>    ```ruby
    get '/' do
      &quot;Hello world &quot;
    end
    ```
</code></pre>

<ul>
<li>result</li>
</ul>
<pre><code class="ruby">get '/' do
  &quot;Hello world &quot;
end
</code></pre>

<h2 id="autolink"><a name="user-content-autolink" href="#autolink" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>autolink</h2>
<ul>
<li>source</li>
</ul>
<pre><code>http://mukaer.com
</code></pre>

<ul>
<li>result</li>
</ul>
<p><a href="http://mukaer.com">http://mukaer.com</a></p>
<h2 id="strikethrough"><a name="user-content-strikethrough" href="#strikethrough" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>strikethrough</h2>
<ul>
<li>source</li>
</ul>
<pre><code>this is ~~good~~ bad
</code></pre>

<ul>
<li>result</li>
</ul>
<p>this is <del>good</del> bad</p>
<h2 id="task-lists"><a name="user-content-task-lists" href="#task-lists" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>Task Lists</h2>
<ul>
<li>source</li>
</ul>
<pre><code>- [x] @mentions, #refs, [links](), **formatting**, and &lt;del&gt;tags&lt;/del&gt; supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item
</code></pre>

<ul>
<li>result</li>
</ul>
<h2 id="math-scripts"><a name="user-content-math-scripts" href="#math-scripts" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>math scripts</h2>
<p><a href="http://mathjax.org">Reference</a></p>
<ul>
<li>source</li>
</ul>
<pre><code>Some Equations:

$$
E(\mathbf{v}, \mathbf{h}) = -\sum_{i,j}w_{ij}v_i h_j - \sum_i b_i v_i - \sum_j c_j h_j
$$

- Here are some more equations:

    $$
        \begin{align}
            p(v_i=1|\mathbf{h}) &amp; = \sigma\left(\sum_j w_{ij}h_j + b_i\right) \\
            p(h_j=1|\mathbf{v}) &amp; = \sigma\left(\sum_i w_{ij}v_i + c_j\right)
        \end{align}
    $$

- Inline equations: $p(x|y) = \frac{p(y|x)p(x)}{p(y)}$.

this is the $$ 2^(nd) $$ time

</code></pre>

<ul>
<li>result</li>
</ul>
<p>Some Equations:</p>
<p>\[
E(\mathbf{v}, \mathbf{h}) = -\sum_{i,j}w_{ij}v_i h_j - \sum_i b_i v_i - \sum_j c_j h_j
\]</p>
<ul>
<li>
<p>Here are some more equations:</p>
<p>\[
    \begin{align}
        p(v_i=1|\mathbf{h}) &amp; = \sigma\left(\sum_j w_{ij}h_j + b_i\right) \\
        p(h_j=1|\mathbf{v}) &amp; = \sigma\left(\sum_i w_{ij}v_i + c_j\right)
    \end{align}
\]</p>
</li>
<li>
<p>Inline equations: \(p(x|y) = \frac{p(y|x)p(x)}{p(y)}\).</p>
</li>
</ul>
<p>this is the $$ 2^n_d $$ time</p>
<h2 id="underline"><a name="user-content-underline" href="#underline" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>underline</h2>
<ul>
<li>source</li>
</ul>
<pre><code>This is _underlined_ but this is still *italic*
</code></pre>

<ul>
<li>result</li>
</ul>
<p>This is <em>underlined</em> but this is still <em>italic</em></p>
<h2 id="highlight"><a name="user-content-highlight" href="#highlight" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>highlight</h2>
<ul>
<li>source</li>
</ul>
<pre><code>This is **highlighted**
</code></pre>

<ul>
<li>result</li>
</ul>
<p>This is <strong>highlighted</strong></p>
<h2 id="lists"><a name="user-content-lists" href="#lists" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>Lists</h2>
<pre><code>1. Item1
    1. Item1.1
    1. Item1.2
1. Item2
1. Item3


This is for break the sequence

* Item1
    * Item2
* Item3
    * Item4


</code></pre>

<ol>
<li>Item1<ol>
<li>Item1.1</li>
<li>Item1.2</li>
</ol>
</li>
<li>Item2</li>
<li>Item3</li>
</ol>
<p>This is for break the sequence</p>
<ul>
<li>Item1<ul>
<li>Item2</li>
</ul>
</li>
<li>Item3<ul>
<li>Item4</li>
</ul>
</li>
</ul>
<h1 id="image"><a name="user-content-image" href="#image" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>image</h1>
<pre><code>
![Group 2](... )

</code></pre>

<p><img alt="Group 2" src="" /></p>
<h1 id="grid-tables"><a name="user-content-grid-tables" href="#grid-tables" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>Grid Tables</h1>
<pre><code>+---------------+---------------+-----------------+
| First Header  | Second Header | Third Header    |
+===============+===============+=================+
| A cell that   | A cell that spans multiple      |
| spans         | columns.                        |
| multiple rows +---------------+-----------------+
|               | One, two cell | Red &amp; blue cell |
+---------------+---------------+-----------------+
</code></pre>

<table>
<thead>
<tr>
<th colspan="1" rowspan="1">
<p>First Header</p>
</th>
<th colspan="1" rowspan="1">
<p>Second Header</p>
</th>
<th colspan="1" rowspan="1">
<p>Third Header</p>
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1" rowspan="2">
<p>A cell that<br />
spans<br />
multiple rows<br />
</p>
</td>
<td colspan="2" rowspan="1">
<p>A cell that spans multiple<br />
columns.</p>
</td>
</tr>
<tr>
<td colspan="1" rowspan="1">
<p>One, two cell</p>
</td>
<td colspan="1" rowspan="1">
<p>Red &amp; blue cell</p>
</td>
</tr>
</tbody>
</table>
<h1 id="this-is-sub-file"><a name="user-content-this-is-sub-file" href="#this-is-sub-file" class="headeranchor-link" aria-hidden="true"><span class="headeranchor"></span></a>THis is Sub file</h1>
</div>
</div>

                    </div>
                </div>

        </div><!--/container-->





    </body>
</html>
